<template>
    <div id="purchased">
        <div class="purchased-top">
            <!--修改统一返回方法-->
            <z-history  :type="1"></z-history>
            <span>{{text}}</span>
        </div>
    </div>
</template>

<script>
    export default {
        props: ['text'],

//        component:{
//            props: ['text']
//        }
        methods:{
            back:function(){
                this.$router.back(-1)
            }
        }
    }
</script>

<style lang="less">
.purchased-top{
    width:100%;
    /*height:1.2rem;*/
    /*background:#fff;*/
    box-shadow: inset 0 -1px 0 0 rgba(221,221,221,0.50);
    text-align: center;
    position: relative;
    /*i{
        float:left;
        color:#999999;
        display: block;
    }*/
    span{
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 60%;
        display: inline-block;
        /*margin-left:-1rem;*/
        height:1.2rem;
        line-height:1.2rem;
        font-size: 18px;
        color: #333333;
        letter-spacing: 0.3px;
    }
}
</style>